<template>
	<!-- <view class="privacy-container">
		<web-view :src="imgUrl" style="overflow: auto;height: 200px;"></web-view>
	</view> -->
	<view class="privacy">
		<view class="pri-con" ref="priCon">
			<view ref="priCons" class="pri-box">
				<web-view :src="imgUrl"></web-view>
			</view>
		</view>
		<view class="pri-btn">
			<view class="btn">read and agree</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				imgUrl: ''
			}
		},
		
		metaInfo: {
			title: 'privacy'
		},
		
		created() {
			this.imgUrl = this.COFIG?.staticUrl + 'privacy.html'
		},
		
		methods: {

		}
	}
</script>

<style scoped>
	/* .privacy-container{
		height: 200px;
		padding: 0.3rem;
		overflow: auto;
	} */
	.privacy{
		width: 100%;
		height: 100%;
		background-color: #FFF;
		position: fixed;
		top: 0;
		left: 0;
		.pri-con{
			height: calc(100% - 90rpx);
			overflow: auto;
			position: relative;
		}
		.pri-btn{
			height: 90rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			.btn{ 
				width: 500rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				font-size: 30rpx;
				color: #FFF; 
				background-color: #dedede; 
				border-radius: 10rpx;
				display: block; 
			}
			.pri-ba{ background-color: #6580FA;}
		}
	}
</style>
